//基础色
@red:#EF1C25;//红色
@orange:#F8931D;//橙色
@yellow:#FDB813;//黄色
@green:#00A650;//绿色
@blue:#00ADEF;//蓝色
@blue:(@orange)-90;
// @blue:(@grey)-150;
// @blue:(@red)-90;
@purple:#92278F;//紫色
@white:white;//白色
@grey:grey;//灰色
@black:black;//黑色
//全局的样式
*{
	padding:0px;
	margin:0px;
	font-size: 12px;	
}
ul li{list-style:none;}
img{border:0px;}
a{text-decoration: none;font-family: "微软雅黑"}
border{border-collapse: collapse;}
input{border:none;}
//布局
.db{display: block;}
.l{float:left}//往左浮动
.r{float:right;}//往右浮动
//文本编辑
.tex{text-align:center}
.cur{cursor:pointer}
.br{border-radius: 10%}
// 字体编辑
.fs16{font-size: 14px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs25{font-size:25px;}
.fs30{font-size: 30px;}
.fs40{font-size: 40px;}
.fw{font-weight:700;}
//行高
.lh10{line-height:10px;}
.lh20{line-height:20px;}
.lh30{line-height:30px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh70{line-height:70px;}
//宽度
.w50{width:50px !important}
.w60{width:60px !important}
.w70{width:70px !important}
.w80{width:80px;}
.w100{width:100px !important}
.w120{width:120px !important}
.w140{width:140px !important}
.w160{width:160px !important}
.w180{width:180px !important}
.w200{width:200px !important}
.w300{width:300px !important}
.w400{width:400px;}
.w600{width:600px;}
.w800{width:800px;}
.w1000{width:1000px;}
.w1200{width:1200px;}
//百分比
.per100{width:100%;}

//高度
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
//外边距
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt5{margin-top:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

//内边距
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left: 30px;}

//网站后台基色
body{
	background:(@blue)+160;
	overflow-x: hidden;
}
//网站后台顶部导航
.top{
	width:100%;
	height:50px;
	background:-moz-linear-gradient(top,@blue,(@blue)-40);
	background:-webkit-gradient(linear,0 0,0 100%,from(@blue),to((@blue)-20));
	.l_menu{
		float:left;
		line-height: 50px;
		text-align: center;
		font-weight: 700;
		color:@white;
		width:30%;
		font-size: 30px;
		font-family:"georgia";
		text-shadow:1px 1px 0px (@grey)+10;

	}
	.r_menu{
		float: right;
		width:70%;
		ul{
			float: right;
		     li{  
				float: left;
				text-align: center;
				padding-top:30px;
		         a{
				color:(@white)-10;
				margin:0px 5px;
				&:hover{
					text-decoration: underline;
					color:@yellow+90;
				               }
		 	  }
			} 
		  }
		}
	}
// 网站后台顶部结束

//网站后台主体部分
.main{	
	//左侧菜单部分
	width:100%;
	overflow: hidden;
          .l_menu{
          	width:15%;
          	padding:0 25px;
          	float: left;
          	height:500px;
          	background:(@blue)+140;
	          	dl {
	          		border:5px solid (@blue)-10;
	          		margin-top:10px;
	          		border-radius: 10px;
	          		&:hover{
						box-shadow: 0px 0px 5px (@blue)-10,0px 0px 5px  (@blue)-50 inset;
					}
	          		dt{
	          			background:(@blue)-10;
					font-size: 20px;
					text-align:center;
					font-weight: 700;
					cursor:pointer;
					height:30px;
					line-height: 30px;
					border-radius: 5px;
	          		   }
	          		dd {
	          			a{
	          			color:(@blue)-80;
	          			text-shadow:1px 0px 0px @grey+70;
					font-size: 14px;
					display: block;
					text-align: center;
					font-weight: 700;
                                               height:0px;
					overflow: hidden;
						&:hover{
							text-decoration: underline;
							font-weight: 700;
						            }
	          		      	     }
	          			}
	          		    
	          	         }
        		  	  }
        	//网站主体左侧区域结束
	 //网站主体内容区域
	 .content{
		width:80%;
		float: right;
		height:500px;
		.content-top{
		border-top:none;
		height:50px;
			&:hover{
				box-shadow: 0px 0px 5px (@blue)+50 inset,0px 0px 5px (@blue)+50;
			        }
			ul li{
				float: left;
				a{
					display: block;
					width:80px;
					height:40px;
					margin-top: 5px;
					margin-left:5px;
					line-height: 40px;
					text-align: center;
					border-radius:10%;
					
				}
			}
		}

	 }
	 // 网站主体内容区域结束
   }

// 按钮样式
.btn,.btn1,.btn2{
	display: inline-block;
	width:70px;
	height:40px;
	background:-moz-linear-gradient(top,@blue,(@blue)-90);
	background:-webkit-gradient(lighter,0 0,0 100%,from(@blue),to((@blue)-90));
	background:-o-linear-gradient(top,@blue,((@blue)-90));
	text-align: center;
	line-height: 40px;
	border-radius: 10%;
	color:(@white)+100;
	cursor:pointer;
	font-size: 150%;
	font-weight: 700;
	&:hover{
		background: (@blue)-30;
		box-shadow: 0px 0px 20px (@blue) inset;
	}
}
.btn1{
	width:60px;
	height:30px;
	font-size: 12px;
	line-height: 30px;
	background:(@blue)+40;
	margin: 2px;
	text-shadow:none;
	color:(@white)+40;
	&:hover{
	background:red;
	}
}
.btn2{
	background:(@blue)-30;
	&:hover{
	box-shadow:0px 0px 0px;
	}
}
//按钮样式结束
//后台其他页面的样式
.action{
	font-size: 120%;
	border-bottom: 2px solid (@yellow)-180;
	&:hover{
	border-bottom: 2px solid (@yellow)-180;
	}
}//a标签执行动作默认的样式
.tab-content{//tab切换区域的内容的显示与隐藏的操作
        display: none;
}
.wrap{
	width:100%;
	margin:0 auto;
	padding-bottom: 45px;
	.menu_list{
		width:100%;
		height:30px;
		border-bottom:1px solid (@blue)+100;
		margin-bottom: 10px;
		ul li{
			float: left;
			a{
				display: block;
				height:28px;
				line-height: 30px;
				margin:0px 10px;
				color:(@blue)-60;
				font-weight: 700;
				&:hover{
					color:(@yellow)-90;
					border-bottom:2px solid (@yellow)-90;
				}
			}
		}
	}
}
// 头部标题
.title-header{
	width:100%;
	height:30px;
	background:(@blue)+50;
	text-align: center;
	line-height: 30px;
	font-size: 25px;
	margin-bottom: 4px;
}
//==============表格样式===================
//==============table1====================
.table1{
	width:100%;
	border-collapse: collapse;
	// margin-top: 15px;
	thead tr{
		background:(@blue)+110;
		height: 30px;
		&:hover{
		background:(@blue)+110;
		}
		td{
			padding-left:10px;
			font-weight: 700;
		}
	}
	tr{
		height:30px;
		&:hover{
		background:(@blue)+150;
		}
		td{
			padding-left: 10px;
		}
	}
	
}
//=================table2===============
.table2{
	width:100%;
	border-collapse: collapse;
	tr{
		border-bottom: 1px solid (@blue)+160;
		th{
		margin-bottom: 4px;
 		height:40px;
 		width:15%;
 		font-size: 20px;
 		background:(@blue)+60;
 		padding:0px;
 		}
	 	td{
	 		padding-left: 4px;
	 		background:(@blue)+120;
	 	}
	}
}
//===============底部确定按钮==============
.position-bottom{
	position: fixed;
	width:100%;
	height:45px;
	background: (@blue)+140;
	padding-top:5px;
}
//===============form表单==================


.form input[type="text"], .form input[type="password"], .form input[type="file"], .form textarea {
    border:2px solid (@blue)+50;
    background: (@blue)+160;
    text-indent:0.3em;
    color:(@black)+50;
    font-weight: 700;
    font-size: 16px;
}

.form select {
    background-color: (@blue)+160;
    border:2px solid (@blue)+50;
    font-family: inherit;
    font-size: 100%;
    // margin-left:10px;
    cursor:pointer;

}form selectform textareaform input[type="text"]form input[type="password"] {
    color: #555555;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 6px;
    vertical-align: middle;
    border-radius: 0px;
    box-shadow: 2px 2px 2px #F0F0F0 inset !important;
    border: 2px solid #DDDDDD;
    background-color: #FFFFFF;
}

.form textarea {
    line-height: 20px;
    resize:none;
    padding:3px;
}

.form option {
    padding: 4px 6px;
}

.form input[type='text']:focus, .form input[type='password']:focus, .form textarea:focus {
    background: (@white)+50;
   box-shadow: 0px 0px 5px (@blue);
}

.form input[type="file"], .form input[type="text"], .form input[type="password"] {
    height: 28px;
}
.form select {
    padding: 3px 3px 0px;
}
.form input[type="radio"]{
	background:(@blue)+160;
}
label{
	// margin-left:5px;
	cursor:pointer;
}

//====================tab切换开始===============
.tab{
	width:100%;
	ul{
		overflow: hidden;
		li{
			padding:0px 5px;
			padding-top: 5px;
			float: left;
			cursor:pointer;
			font-size: 20px;
		}
	}	


}
//====================tab切换结束===============





















